﻿<!DOCTYPE html>
<html>

<head>
<meta charset="utf-8" />
<title>用户管理主界面</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="stylesheet" type="text/css" href="../../html-css/base.css" />
<link rel="stylesheet" type="text/css" href="../../plug/table/esayTable.css" />
<link rel="stylesheet" type="text/css" href="../../plug/alert/esayAlert.css" />
<link rel="stylesheet" type="text/css" href="../../html-css/user/user.css" />
</head>
<body>
	<div class="vcont">
		<div class="ed_gkp">
			<div class="ed_nkl clearfix">
				<div class="ed_msl">
					<a id="addUser" title="新增用户" class="open_in_parent" href="../html/user/addUser.html" onclick="user_js.add(this)">新增</a>
					<a href="#" onclick="user_js.setIsUse(1)">启用</a> 
					<a href="#" onclick="user_js.setIsUse(0)">停用</a> 
					<a href="#" onclick="user_js.beathDeleteUser()">批量删除</a>
				</div>

			</div>
			<div class="search clearfix">
				<div class="ser_box">
					<input type="text" class="text" placeholder="输入名称检索 多个空格隔开" id="search_words"> <i class="ico ico8" onclick="user_js.search_users()"></i>
				</div>
			</div>
		</div>
		<div id="TableContainer" style="width: 98%;margin-left: 1%;"></div>
		
		<div class="page">
			<div style="float: left;">
				<span>共<span id="total_records">200</span>条记录</span>
				<span>每页显示</span>
				<select class="sel" id="page_size" onchange="page_size_change()"> 
					<option value="1">1</option>
					<option value="10">10</option>
					<option value="20" selected="selected">20</option>
					<option value="50">50</option>
					<option value="100">100</option>
				</select>
				<span>条记录</span>
			</div>
			<div style="float: right;">
				<a href="#" onclick="first_page()">首页</a> 
				<a href="#" onclick="last_page()">上一页</a> 
				<span>当前第<span id="this_page">1</span>页</span>
				<span>共<span id="total_page">200</span>页</span>
				<a href="#" onclick="next_page()">下一页</a> 
				<a href="#" onclick="end_page()">尾页</a>
				<input type="text" class="text" id="go_page_text">
				<button class="go" onclick="go_page()">GO</button>
			</div>
		
		</div>
	</div>
	<div id="ModalAlert" class="ui_mask">
		<div class="ui_box">
			<div action="close_modal" class="close">
				<i class="ico ico9"></i>
			</div>
			<div class="ui_tit"></div>
			<div class="ui_con innox"></div>
			<div class="ui_btj" style="text-align: center;"></div>
		</div>
	</div>
</body>
<script src="../../plug/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../plug/table/esayTable.js" type="text/javascript" charset="utf-8"></script>
<script src="../../plug//alert/esayAlert.js" type="text/javascript" charset="utf-8"></script>
<script src="../../plug/layer/layer.js" type="text/javascript" charset="utf-8"></script>
<script src="../../html-js/common.js" type="text/javascript" charset="utf-8"></script>
<script src="../../html-js/pageBtn.js" type="text/javascript" charset="utf-8"></script>
<script src="../../html-js/user/user.js" type="text/javascript" charset="utf-8"></script>
</html>